.EditArea {
float : left; 
width : 100%;
	background-image : url(../img/Editor/bg.gif);
}

.EditTD {
	background-color : #C3DAF9;
	border : 1px solid #3B619C;
}
.EditPreTool{
float: left; 
    background : transparent url(../img/Editor/start.gif) no-repeat left top;
}
.EditTool {
margin-left : 10px
}

.EditToolBg {
float: left; 
  height : 20px;
	cursor : pointer;
}
.EditToolBg:hover {
	background-image : url(../img/Editor/bgselect.gif);
}

.EditToolFont {
	text-align:right;
	font-weight: bold;
	margin : 3px;
	float : left; 
	height : 17px;
	background-color : #ffffff;
	cursor : pointer;
	border:1px solid #002D96;
	
}

.EdiToolFont:hover {
border:1px solid #FFB45F;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../img/Editor/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/Editor/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/Editor/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/Editor/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/Editor/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../img/Editor/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../img/Editor/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/Editor/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/Editor/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/Editor/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/Editor/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/Editor/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
#PreviewArticle {
display: none;
border:1px solid #000; 
padding:10px;
}
#middlebar ul, li{margin:0; border:0; padding:0; list-style:none;}

#middlebar ul .submenu {
border:solid 1px #c9dea1;
	border-top:none;
background:#FFFFFF;
position: relative;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}


#middlebar ul .submenu li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	border:0;
	height:auto;
	line-height:normal;
	border-top:solid 1px #DEDEDE;
}

#middlebar ul .submenu li:hover{
	background:#FFDDDD;
}

#middlebar .submenu li a{
	background:none;
	display:block;
	float:none;
	padding:6px 6px;
	margin:0;
	border:0;
	height:auto;
	color:#105cbe;
	line-height:normal;
}
textarea {
	width:100%;
}
textarea#EditArtPost {
	height:500px;
	background:#FFF;
	font-family: monospace;
	font-size: 13px;
	font-weight:bold;
}

#EditColorPicker {
	position:absolute;
	display:none;
}

.ZebraWhite {
	background:#FFF;
}
.ZebraLight {
	background:#E5F1F4;
}
div.grippie {
	background:#EEEEEE url(../img/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
fieldset#EditStetting textarea {
	width:400px;
	height:300px;
}
.CodeMirror-line-numbers {
    width: 2.2em;
    color: #aaa;
	background-color: #eee;
	text-align: right;
	padding-right: .3em;
	font-size: 10pt;
	font-family: monospace;
	padding-top: .4em;
}
div#SelectCatWindow {
width:500px;
text-align:left;
max-height:500px;
}
div#CategoryList  {
height:400px;
overflow:scroll;
}
div#CategoryList div {
min-height:20px;
font-size:14px;
font-weight:bold;
overflow:hidden;
background:#c2fcfc;
cursor: pointer;
}
div#CategoryList div:nth-child(2n+1) {
background:#ebfce5;
}

div#CategoryList div:hover {
background: #56ff56;
}
/* END OLD STYLE */

			.xv-to-remove, .xv-without-html {
				background-color: #fefcf5;
				border:1px solid #000;
				padding:5px;
			}